<template>
  <view class="page">
    <view class="page-con">
      <view class="tips">
        您正在更换的手机号为188****8766
      </view>
      <view class="form-box">
        <input class="form-inp" type="text" v-model="code" placeholder="请输入验证码" />
        <view class="btn-code">获取验证码</view>
      </view>
    </view>
    <view class="btn-box">
      <button type="primary" class="btn">下一步</button>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      code:''
    };
  },
  onLoad() {},
  methods: {},
};
</script>

<style lang="scss">
.page{
	padding-bottom: 50rpx;
}
.page-con{
  margin-top: 20rpx;
  padding: 30rpx 30rpx;
  background: #fff;
}
.tips{
  font-size: 30rpx;
  font-weight: bold;
}
.form-box{
  margin-top: 50rpx;
  display: flex;
  border-bottom: solid 1rpx $uni-color-theme;
  .form-inp{
    flex: 1;
    height: 80rpx;
  }
  .btn-code{
    height: 80rpx;
    line-height: 80rpx;
    color: $uni-color-theme;
  }
}
.btn-box{
  padding: 150rpx 30rpx 20rpx;
  .btn{
    background: $uni-color-theme;
  }
}
</style>
